// 1. 引入axios对它进行二次的封装
//  1) 设置基地址
//    http://www.bxxx.com/xx/api/接口名1
//    http://www.bxxx.com/xx/api/接口名2
//    基地址可以约定成：http://www.bxxx.com/xx/api/
//  2) 请求拦截器
//  3) 响应拦截器

// 2. 导出封装结果

import axios from 'axios'

import router from '@/router/index.js'
// 在一个普通的.js模块中（不是某个.vue组件）如何去获取vuex中保存的token值？
import store from '@/store/index.js'
// console.log('store', store)
import JSONBig from 'json-bigint'
// 参考： https://www.npmjs.com/package/axios#axioscreateconfig
// 在同一个项目中有可能需要向不同的服务器发请求，即需要设置不同的基地址
// 这里通过axios.create来创建多个不同的axios的实例，以备不时之需
const instance = axios.create({
  baseURL: 'http://ttapi.research.itcast.cn',
  // baseURL: 'http://api-toutiao-web.itheima.net',
  transformResponse: [function (data) {
    // 由于后端返回的数据有出现大数问题（文章编号）,这里使用json-bigint处理一下
    // 优先使用JSONBig转一下
    try {
      return JSONBig.parse(data)
    } catch (err) {
      return data
    }
  }]
})

// 通过请求拦截器，来添加token信息
// 参考： https://www.npmjs.com/package/axios#interceptors
// 在上面创建的instance上，添加一个请求拦截器
instance.interceptors.request.use(function (config) {
  // 在每一个ajax请求发出之前，去vuex中取出token值
  // 如果有token,补充到请求参数中去
  const token = store.state.tokenInfo.token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, function (error) {
  // Do something with request error
  return Promise.reject(error)
})

// 从后端回来的响应，到先到响应拦截器 --- 统一处理401，token过期问题
instance.interceptors.response.use(function (response) {
  return response
}, async function (error) {
  console.dir('响应拦截器的：error')
  if (error.response && error.response.status === 401) {
    // 发生了token失效（或者是没有传入）
    const refreshToken = store.state.tokenInfo.refresh_token
    // 1. 检查是否有 refresh_token
    if (refreshToken) {
      try {
        // 1） 用refresh_token再发请求，重新取一个新的有效期为2小时的token
        const result = await axios({
          method: 'PUT',
          url: 'http://ttapi.research.itcast.cn/app/v1_0/authorizations',
          headers: {
            Authorization: `Bearer ${refreshToken}`
          }
        })
        console.log('用refresh_token取回来的新token', result)
        const newToken = result.data.data.token
        // 2） 更新vuex
        store.commit('mSetTokenInfo', {
          refresh_token: refreshToken,
          token: newToken
        })

        // 使用新token,重发请求
        // 3） 重新使用我们之间创建的axios实例，用本次错误请求中的配置项，再发一次
        return instance(error.config)
      } catch {
        console.log('使用refresh_token获取新token失败')

        // 路由跳转，进入登陆页
        router.push({
          path: '/login',
          query: {
            // currentRoute：表示当前路由
            backto: router.currentRoute.fullPath
          }
        })
      }
    } else {
      console.log('router.currentRoute', router.currentRoute)
      // 路由跳转，进入登陆页
      router.push({
        path: '/login',
        query: {
          // currentRoute：表示当前路由
          backto: router.currentRoute.fullPath
        }
      })
    }
  }
  return Promise.reject(error)
})

// const instance2 = axios.create({
//   baseURL: 'https://snv-domain.com/api/',
//   timeout: 1000,
//   headers: {'X-Custom-Header': 'foobar'}
// });

export default instance
